<template>
  <div class="app-container">
    <div class="filter-container">
      <el-button
        class="filter-item"
        style="margin-left: 10px;"
        type="primary"
        icon="el-icon-plus"
        @click="handleCreate"
      >{{ $t('organization.action.add') }}</el-button>
    </div>

    <el-table
      :key="tableKey"
      v-loading="listLoading"
      row-key="id"
      :data="list"
      border
      stripe
      fit
      default-expand-all
      highlight-current-row
      style="width: 100%;"
    />
  </div>
</template>
<script>
import { addTenantInfo, deleteTenantInfo, updateTenantInfo, queryTenantInfo } from '@/api/tenant/info'
export default {

  data() {
    return {
      queryData: {},
      formData: {}
    }
  },
  created() {

  },
  methods: {
    query() {
      queryTenantInfo(this.queryData).then(resp => {
        alert(resp.data)
      })
    },
    delete(id) {
      deleteTenantInfo(id).then(resp => { alert(resp.data) })
    },
    update() {
      updateTenantInfo(this.formData).then(resp => { alert(resp.data) })
    },
    add() {
      addTenantInfo(this.formData).then(resp => { alert(resp.data) })
    }

  }
}
</script>
